@import'./modules/header';
@import'./modules/footer';
section{
    min-height:500px;
    width:100%;
    margin-top:70px;

    .banner{
        height:350px;
        width:100%;
        margin-bottom:10px;

        a{
            display: block;
            height:350px;
            width:100%;

            img{
                height:350px;
                width:100%;
            }
        }
    }
    .list{
        height:80px;
        width:100%;
        background-color: #efefef;

        ul{
            height:80px;
            width:800px;
            margin:0 auto;

            li{
                float:left;
                height:80px;
                width:200px;
                text-align: center;

                a{
                    display: block;
                    height:30px;
                    line-height: 30px;
                    font-weight: 600;
                    color:#333;
                }   
            }
        }
    }
    .main{
        width:1200px;
        margin:0 auto;
        margin-top:10px;

        .main1{
            width:1200px;
            height:350px;
            margin-bottom:10px;

            a{
                display: block;
                height:350px;
                width:1200px;

                img{
                    width:1200px;
                    height:350px;
                }
            }
        }

        .main2{
            width:1200px;
            height:510px;
            margin-bottom:10px;

            .main2-1{
                width: 593px;
                height:510px;
                margin-right:10px;
                float:left;
                text-align: center;

                >a{
                    display: block;
                    height:338px;
                    width:593px;

                    img{
                        height:338px;
                        width:593px;
                    }
                }

                .size{
                    margin-top:20px;
                    
                    a{
                        font-size:12px;
                        color:#333;
                    }
                }

                .weight{
                    margin-top:10px;
                    
                    a{
                        color:#333;
                        font-size:18px;
                        font-weight: 800;
                    }
                }

                .fColor{
                    margin-top:30px;

                    a{
                        color:red;
                    }
                }
            }

            .main2-2{
                float:right;
                height:510px;
                width:593px;
                text-align: center;

                >a{
                    display: block;
                    height:338px;
                    width:593px;

                    img{
                        height:338px;
                        width:593px;
                    }
                }

                .size{
                    margin-top:20px;
                    
                    a{
                        font-size:12px;
                        color:#333;
                    }
                }

                .weight{
                    margin-top:10px;
                    
                    a{
                        color:#333;
                        font-size:18px;
                        font-weight: 800;
                    }
                }

                .fColor{
                    margin-top:30px;

                    a{
                        color:red;
                    }
                }
            }
        }
    }
    .carousel ul li.ac{
        z-index: 2;
        opacity: 1;
    }
    .carousel{
        height:475px;
        width:100%;
        overflow: hidden;
        position: relative;
        ul{
            height:475px;
            li{
                height:475px;
                opacity: 0;
                position: absolute;
                left: 0;
                top: 0;
                z-index: 0;
                transition: opacity 1.5s;
                a{
                    display: block;
                    height:475px;

                    img{
                        height:475px;
                        width:1518px;
                    }
                }
            }    
        }
        .carousel-left{
            position: absolute;
            top:235px;
            left:0;
            color:red;
            font-size:50px; 
            z-index: 2;
        }
        .carousel-right{
            position: absolute;
            top:235px;
            right:0;
            color:red;
            font-size:50px;
            z-index: 2;
        }
    }
}